// pages/recommendSong/recommendSong.js
import request from '../../static/utils/request'
import pubsub from 'pubsub-js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 设置动态的月 日
    day: '',
    month: '',
    recommendList: [], //推荐歌曲
    index: 0, // 点击歌曲的下标
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.setData({
      day: new Date().getDate(),
      month: new Date().getMonth() + 1
    })

    this.getCommendListData();

    // 订阅来自songDetail页面的发布type的消息
    pubsub.subscribe('switchType', (msg, type) => {
      console.log(type);
      let {
        index
      } = this.data;

      if (type === 'pre') {
        // 上一首
        index -= 1;
      } else {
        index += 1;
      }
      if (index < 0) {
        index = 0;
      } else if (index >= this.data.recommendList.length) {
        index = this.data.recommendList - 1;
      } else {
        // 才把最新的index 对应的歌曲id 发布给 songDetail 页面
        let musicId = this.data.recommendList[index].id;
        pubsub.publish('musicId', musicId);
      }
      this.setData({
        index
      })
    })

  },

  // 获取推荐歌曲数据 因为要携带cookie才可以发送请求，所在在发送请求之前先判断有没有cookie
  async getCommendListData() {
    let cookie = wx.getStorageSync('cookie');
    if (!cookie) {
      // 如果没有cookie的话 先跳转到登录页面
      wx.showToast({
        title: '请先进行登录',
        icon: 'none',
        success: () => {
          wx.reLaunch({
            url: '/pages/login/login',
          });
        },
      });
    }
    // 成功登录之后，就可以请求数据了
    let res = await request('/recommend/songs');
    this.setData({
      recommendList: res.recommend
    })
  },

  //点击歌曲，跳转到歌曲播放页面
  toSongDetail(event) {
    let index = event.currentTarget.dataset.index;
    this.setData({
      index
    })
    console.log(event.currentTarget.dataset.ids);

    wx.navigateTo({
      url: `/pages/songDetail/songDetail?musicId=${event.currentTarget.dataset.ids}`
    });
    // wx.showLoading({
    //   title: "数据加载中",
    // });

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})